<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>the FOOD - твій цілодобовий магазин</title>
    <link href="css/reset.css" type="text/css" rel="stylesheet">
    <link href="css/grid1020.css" type="text/css" rel="stylesheet">
    <link href="css/style.css" type="text/css" rel="stylesheet">
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
</head>
<body>
<div class="wrap_bg">
    <div class="container_12">
        <div class="grid_11 center">
            <div class="header">
                <div class="logo">
                    <a href="#">
                        <img src="img/logo.png" alt="logo"/>
                    </a>
                </div>
                <div class="search">
                    <form action="#" method="post">
                        <div class="search_input_bg">
                            <input type="text" class="search_input" value="Пошук...">
                        </div>
                        <div class="serach_button_bg">
                            <input type="submit" class="serach_button" value="Шукати!">
                        </div>
                    </form>
                </div>
                <div class="phones">
                    <div>
                        <p>+38 098 7654 4321</p>
                        <p>+38 098 7654 4321</p>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </div>
    <div class="container_12">
      <div class="grid_11 center margin_top_17">
            <div class="left_colum">
            <div class="bg_white">
                <div class="menu">
                    <div class="menu_repeat_bg">
                        <div class="menu_left_bg">
                            <div class="menu_right_bg">
                                <ul>
                                    <li class="icon_28x28 first icon_type1"><a href="#"><i></i>Напої</a></li>
                                    <li class="icon_28x28 icon_type2 act"><a href="#"><i></i>Бакалія</a>
                                        <ul style="display: none;">
                                            <li><a href="#">Майонез</a></li>
                                            <li><a href="#">Закуски</a></li>
                                            <li><a href="#">Крупи</a></li>
                                            <li><a href="#">Сухі сніданки</a></li>
                                            <li><a href="#">Макарони</a></li>
                                            <li><a href="#">Спеції</a></li>
                                            <li><a href="#">Соуси</a></li>
                                            <li class="img_p_level">
                                                <div class="b-img">
                                                    <img src="img/img_p2.png" alt="img_p2" />
                                                </div>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="icon_28x28 icon_type3"><a href="#"><i></i>М’ясо Риба</a></li>
                                    <li class="icon_28x28 icon_type4"><a href="#"><i></i>Молочні товари</a></li>
                                    <li class="icon_28x28 icon_type5"><a href="#"><i></i>Фрукти Овочі</a></li>
                                    <li class="icon_28x28 icon_type6"><a href="#"><i></i>Хліб Випічка</a></li>
                                    <li class="icon_28x28 icon_type7"><a href="#"><i></i>Солодощі</a></li>
                                    <li class="icon_28x28 last icon_type8"><a href="#"><i></i>Побутові товари</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="content">
                    <div class="title_page">
                    <h1>Майонез</h1>
                     <div class="clear"></div>
                    </div>
                    <div class="bloks">
                        <div class="b-product alpha">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>
                                
                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product omega">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product alpha">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product omega">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product alpha">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                        <div class="b-product omega">
                            <div class="product_content">
                                <div class="img_p">
                                    <img src="img/img_p.png" alt="img_majonez" />
                                </div>
                                <p>Майонез ТОРЧИН Провансаль 200г</p>
                                <p class="price">4.50 <span>грн</span></p>

                                <div class="p_order">
                                   <div class="p_number">1
                                    <span class="up"></span>
                                    <span class="down"></span>
                                   </div>
                                   <a href="#">в чек</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="clear"></div>
                        <a class="show_next" href="#">Показати більше продуктів</a>
                    <div class="clear"></div>
                </div>
            </div>
                <div class="clear"></div>
                <div class="marks_produkts">
                    <img src="img/marks_products.png" alt="макри" />
                </div>
            <div class="clear"></div>
                <div class="box_info_footer">
                    <span>
                       Test tse tstest tset sete st este st este tse ts etes t sete ste st este ste stes tes tse tes t
                    </span>

                </div>
            <div class="clear"></div>
            </div>
          <div class="right_colum">
                <div class="chek">
                    <div class="chek_top">
                        <div class="chek_title">
                            <p><strong>ЧЕК</strong></p>
                            <p>www.thefood.lviv.ua</p>
                        </div>
                    </div>
                    <div class="chek_repeat">
                      <div class="chek_content">
                        <div class="title">
                            <div class="w_89 float_left text_center">Товар</div>
                            <div class="w_45 float_left text_center">Кіль-ть</div>
                            <div class="w_39 float_left ">Ціна</div>
                            <div class="clear"></div>
                        </div>
                            <div class="tovar">
                                <div class="w_89 float_left"><div class="number">1.</div><span>Майонез Торчин Провансаль</span></div>
                                <div class="w_45 float_left text_center">
                                    1
                                    <div class="up_down">
                                        <span class="up"></span>
                                        <span class="down"></span>
                                    </div>
                                </div>
                                <div class="w_39 float_left">
                                    4.50
                                <div class="delete"></div>
                                </div>
                                <div class="clear"></div>
                            </div>
                          <div class="tovar">
                              <div class="w_89 float_left"><div class="number">2.</div><span>Майонез Торчин Провансаль</span></div>
                              <div class="w_45 float_left text_center">
                                  1
                                  <div class="up_down">
                                      <span class="up"></span>
                                      <span class="down"></span>
                                  </div>
                              </div>
                              <div class="w_39 float_left">
                                  4.50
                              <div class="delete"></div>
                              </div>
                              <div class="clear"></div>
                          </div>
                          <div class="tovar last">
                              <div class="w_89 float_left"><div class="number">3.</div><span>Майонез Торчин Провансаль</span></div>
                              <div class="w_45 float_left text_center">
                                  1
                                  <div class="up_down">
                                      <span class="up"></span>
                                      <span class="down"></span>
                                  </div>
                              </div>
                              <div class="w_39 float_left">
                                  4.50
                              <div class="delete"></div>
                              </div>
                              <div class="clear"></div>
                          </div>
                        <div class="shiping">
                            <div class="w_89 float_left"><div class="info"></div><span>ДОСТАВКА</span></div>
                            <div class="w_80 float_left text_right">250.00</div>
                            <div class="clear"></div>
                        </div>
                          <div class="suma bold">
                              <div class="w_89 float_left"><span>СУМА</span></div>
                              <div class="w_80 float_left text_right">263.00</div>
                              <div class="clear"></div>
                          </div>
                          <div class="shoping bold">
                              <p>Дякуємо за покупку!</p>
                              <p>28.01.2012  22:43</p>
                          </div>
                          <div class="payment">
                              <a href="#" class="button_payment"><img src="img/order.png" alt="order" /> ОПЛАТИТИ >></a>
                          </div>
                      </div>
                        <div class="clear"></div>
                    </div>
                    <div class="chek_bottom"></div>
                </div>
                <div class="box_info">
                    <div class="box_info_top"></div>
                    <div class="box_info_repeat_bg">
                        <ul>
                            <li class="icon_1"><a href="#">Доставка</a></li>
                            <li class="icon_2"><a href="#">П’ять причин купувати у нас!</a></li>
                            <li class="icon_3"><a href="#">Накопичувальна картка</a></li>
                            <li class="icon_4"><a href="#">Рецепти</a></li>
                            <li class="icon_5"><a href="#">Корисне про їжу</a></li>
                        </ul>
                        <div class="clear"></div>
                    </div>
                </div>
                <div class="partners">
                    <ul>
                        <li><a href="#"><img src="img/metro.png" alt="METRO наш партнер"></a></li>
                    </ul>
                </div>
          </div>
      </div>
    </div>
</div>
<div class="push"></div>
<div class="footer">
    <div class="container_12">
         <div class="grid_11 center">
             <div class="left_colum bg_not">
              <div class="footer_content">
                 <div class="footer_w_97"></div>
                 <div class="footer_menu">
                     <div class="footer_repeat_bg">
                         <div class="footer_left_bg">
                             <div class="footer_right_bg">
                                 <ul>
                                     <li><a href="#">Контакти</a></li>
                                     <li><a href="#">Доставка</a></li>
                                     <li><a href="#">Накопичувальна картка</a></li>
                                     <li><a href="#">Рецепти</a></li>
                                     <li class="last"><a href="#">5 причин купувати у нас!</a></li>
                                 </ul>
                             </div>
                         </div>
                     </div>

                 </div>
              </div>
             </div>
         </div>
    </div>
</div>
<div class="action_st"></div>
<div class="reviews"></div>
</body>
</html>